<section class="container container-fluid ">
    <section class="row-fluid">
        <section class="span12 mbtm2">
            <div class="title-holder">
                <h2>Giới Thiệu</h2>
            </div>
            <!-- start of Feature Section -->
            <section id="about_holder" class="mbtm3">
                <section class="container container-fluid">
                    <section class="row-fluid">
                        <figure class="about-us span12">
                            <section class="span4"> <img src="<?php echo base_url();?>front_end/images/about-pic.jpg" alt="" /></section>
                            <section class="span8">
                                <h4>Chúng tôi là các chuyên gia về kiến trúc</h4>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum in est in felis cursus facilisis. Quisque gravida elit vel purus. Ut gravida placerat arcu.

                                    Phasellus eros. Ut vehicula, nibh id elementum pulvinar, neque mauris accumsan est, sagittis dignissim urna libero nec mi. Mauris tincidunt. Nam tristique eros vitae urna. Duis congue tincidunt orci. Mauris iaculis fermentum est. Etiam ornare fermentum urna. <br />
                                    Vestibulum aliquam, dui in mollis pretium, leo nibh luctus tortor, ut venenatis nibh libero vitae ante. 

                                    Ut tempus malesuada sem ut malesuada. Nulla fringilla eros a tortor hendrerit, in bibendum turpis mattis. Maecenas porttitor interdum congue. </p>
                            </section>
                        </figure>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<!-- End of Feature Section --> 

<!-- Our Potential -->
<section class="container container-fluid">
    <section class="row-fluid">
        <section class="span12 mbtm2"> 
            <!-- start of Potential -->
            <section class="mbtm3">
                <section class="container container-fluid">
                    <section class="row-fluid">
                        <figure class="about-us span12">
                            <div class="row-fluid">
                                <section class="span7">
                                    <div class="title-holder">
                                        <h2>Tiềm năng của chúng tôi</h2>
                                    </div>
                                    <p><img src="<?php echo base_url();?>front_end/images/about-pic1.jpg" alt="About Us" class="align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at nibh varius odio sollicitudin blandit nec eu elit. Suspendisse ac risus nunc, quis elementum lorem. Pellentesque vehicula egestas eros nec commodo. Phasellus adipiscing pretium sem, id congue erat fermentum at. </p>
                                    <p><img src="<?php echo base_url();?>front_end/images/about-pic2.jpg" alt="About Us" class="align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at nibh varius odio sollicitudin blandit nec eu elit. Suspendisse ac risus nunc, quis elementum lorem. Pellentesque vehicula egestas eros nec commodo. Phasellus adipiscing pretium sem, id congue erat fermentum at. </p>
                                </section>
                                <section class="span5">
                                    <div class="title-holder">
                                        <h2>Kỹ năng chính</h2>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum in est in felis cursus facilisis. Quisque gravida elit vel purus. Ut gravida placerat arcu.</p>
                                    <div class="row-fluid prog">
                                        <div class="span4">
                                            <div class="chart">
                                                <div class="percentage" data-bar-color="#3f1601" data-percent="30"><span>30</span>%</div>
                                                <div class="label">Thi công</div>
                                            </div>
                                        </div>
                                        <div class="span4">
                                            <div class="chart">
                                                <div class="percentage" data-bar-color="#3f1601" data-percent="50"><span>50</span>%</div>
                                                <div class="label">Thiết kế</div>
                                            </div>
                                        </div>
                                        <div class="span4">
                                            <div class="chart">
                                                <div class="percentage" data-bar-color="#3f1601" data-percent="70"><span>70</span>%</div>
                                                <div class="label">Vật liệu xây dựng</div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </figure>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<!-- Our Potential End --> 

<!-- Start of tab Section -->
<section class="container container-fluid about-testi">
    <section class="row-fluid">
        <section class="span12 tab-section first mbtm3">
            <section class="span8">
                <div class="tabbable abilities_tab">
                    <div class="title-holder">
                        <h3>Khả năng</h3>
                    </div>
                    <ul id="myTab" class="nav nav-tabs">
                        <li><a href="#design" data-toggle="tab">Thiết kế nội thất</a></li>
                        <li><a href="#material" data-toggle="tab">Thi công công trình</a></li>
                        <li><a href="#inspirational" data-toggle="tab">Tư vấn đầu tư</a></li>
                        <li><a href="#innovations" data-toggle="tab">Thiết kế kiến trúc</a></li>
                        <li><a href="#inspiration" data-toggle="tab">Lập quy hoạch chi tiết</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="design">
                            <p><img src="<?php echo base_url();?>front_end/images/tab-img.jpg" class="thumbs" alt=""/> Nullam ultrices dolor erat, quis commodo tortor pharetra eget. 

                                Phasellus tempor venenatis turpis, ac ultricies sem egestas sit amet. 

                                Pellentesque nisi felis, iaculis nec nibh eu, sagittis lacinia nulla. Nam elementum turpis ac nisi rutrum rhoncus. 

                                Aenean vitae pharetra ante. Aliquam turpis nulla, laoreet id ipsum sed, adipiscing aliquet ligula. 

                                Phasellus mauris eros, hendrerit non suscipit ut, tristique a nisi. Etiam quis mauris quam. 

                                Morbi vitae dui congue sem pellentesque rutrum in sit amet risus. 

                                Quisque vitae venenatis ante, quis pretium orci. Curab</p>

                        </div>
                        <div class="tab-pane fade in " id="material">
                            <p><img src="<?php echo base_url();?>front_end/images/tab-img.jpg" class="thumbs" alt="" /> Nullam ultrices dolor erat, quis commodo tortor pharetra eget. 

                                Phasellus tempor venenatis turpis, ac ultricies sem egestas sit amet. 

                                Pellentesque nisi felis, iaculis nec nibh eu, sagittis lacinia nulla. Nam elementum turpis ac nisi rutrum rhoncus. 

                                Aenean vitae pharetra ante. Aliquam turpis nulla, laoreet id ipsum sed, adipiscing aliquet ligula. 

                                Phasellus mauris eros, hendrerit non suscipit ut, tristique a nisi. Etiam quis mauris quam. 

                                Morbi vitae dui congue sem pellentesque rutrum in sit amet risus. 

                                Quisque vitae venenatis ante, quis pretium orci. Curab</p>

                        </div>
                        <div class="tab-pane fade in " id="inspirational">
                            <p><img src="<?php echo base_url();?>front_end/images/tab-img.jpg" class="thumbs" alt="" /> Nullam ultrices dolor erat, quis commodo tortor pharetra eget. 

                                Phasellus tempor venenatis turpis, ac ultricies sem egestas sit amet. 

                                Pellentesque nisi felis, iaculis nec nibh eu, sagittis lacinia nulla. Nam elementum turpis ac nisi rutrum rhoncus. 

                                Aenean vitae pharetra ante. Aliquam turpis nulla, laoreet id ipsum sed, adipiscing aliquet ligula. 

                                Phasellus mauris eros, hendrerit non suscipit ut, tristique a nisi. Etiam quis mauris quam. 

                                Morbi vitae dui congue sem pellentesque rutrum in sit amet risus. 

                                Quisque vitae venenatis ante, quis pretium orci. Curab</p>
                        </div>
                        <div class="tab-pane fade in " id="innovations">
                            <p><img src="<?php echo base_url();?>front_end/images/tab-img.jpg" class="thumbs" alt=""/> Nullam ultrices dolor erat, quis commodo tortor pharetra eget. 

                                Phasellus tempor venenatis turpis, ac ultricies sem egestas sit amet. 

                                Phasellus mauris eros, hendrerit non suscipit ut, tristique a nisi. Etiam quis mauris quam. 

                                Morbi vitae dui congue sem pellentesque rutrum in sit amet risus. 

                                Quisque vitae venenatis ante, quis pretium orci. Curab</p>
                        </div>
                        <div class="tab-pane fade in" id="inspiration">
                            <p><img src="<?php echo base_url();?>front_end/images/tab-img.jpg" class="thumbs" alt="" /> Nullam ultrices dolor erat, quis commodo tortor pharetra eget. 

                                Morbi vitae dui congue sem pellentesque rutrum in sit amet risus. 

                                Quisque vitae venenatis ante, quis pretium orci. Curab</p>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End of tab Section --> 
            <!-- Start of skill Section -->
            <section class="span4">

                <figure class="testimonial">
                    <div class="title-holder">
                        <h3>Khách hàng nói gì?</h3>
                    </div>
                    <ul id="testimonial_slider">
                        <li>
                            <div class="testi-text">

                                <p> Curabitur quis nisl in leo euismod venenatis eu in diam. Etiam auctor diam pellentesque lectus vehicula mattis. Nulla ac massa at dolor condimentum. Integer rhoncus leo et ipsum vulputate sollicitudin. Sed laoreet neque quis ullamcorper interdum. Sed orci nulla, rhoncus quis nunc ut.                        </p>
                            </div>
                            <div class="texti-author"> <a href="#" class="testimonail-logo"> <img src="<?php echo base_url();?>front_end/images/testimonial-logo.jpg" alt="" /> </a>
                                <figure class="logo-text">
                                    <p class="name">Alan Steven</p>
                                    <a href="http://www.company.com/"> www.company.com</a> </figure>
                            </div>
                        </li>
                        <li>
                            <div class="testi-text"> <p> Curabitur quis nisl in leo euismod venenatis eu in diam. Etiam auctor diam pellentesque lectus vehicula mattis. Nulla ac massa at dolor condimentum. Integer rhoncus leo et ipsum vulputate sollicitudin. Sed laoreet neque quis ullamcorper interdum. Sed orci nulla, rhoncus quis nunc ut.

                                </p> </div>
                            <div class="texti-author"> <a href="#" class="testimonail-logo"> <img src="<?php echo base_url();?>front_end/images/testimonial-logo.jpg" alt="" /> </a>
                                <figure class="logo-text">
                                    <p class="name">Alan Steven</p>
                                    <a href="http://www.company.com/"> www.company.com</a> </figure>
                            </div>
                        </li>
                    </ul>
                </figure>


            </section>
        </section>
    </section>
</section>
<!-- End of skill Section --> 

<section class="container container-fluid">
    <section class="row-fluid">
        <div class="title-holder">
            <h3>Lãnh đạo công ty</h3>
        </div>
        <figure class="our-team span3 first">
            <div class="team-img"> <a href="#"> <img class="greyScale" src="<?php echo base_url();?>front_end/images/team-img1.jpg" alt="Client Logo" /> </a> </div>
            <div class="team-heading">
                <h4> Chris </h4>
                <h5>Lead Architect</h5>
                <div class="hidden-phone socialicons_class" > <a title="Visit Google Plus page" href="#" class="social_active social_linkedin"> <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Facebook page" href="#" class="social_active social_facebook" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Twitter page" href="#" class="social_active social_twitter" > <span style="display: none;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Youtube" href="#" class="social_active social_youtube" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> </div>
            </div>
        </figure>
        <figure class="our-team span3">
            <div class="team-img"> <a href="#"> <img class="greyScale" src="<?php echo base_url();?>front_end/images/team-img2.jpg" alt="Client Logo" /> </a> </div>
            <div class="team-heading">
                <h4> Rose </h4>
                <h5>3D Modelor</h5>
                <div class="hidden-phone socialicons_class" > <a title="Visit Google Plus page" href="#" class="social_active social_linkedin" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Facebook page" href="#" class="social_active social_facebook" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Twitter page" href="#" class="social_active social_twitter" > <span style="display: none;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Youtube" href="#" class="social_active social_youtube" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> </div>
            </div>
        </figure>
        <figure class="our-team span3">
            <div class="team-img"> <a href="#"> <img  class="greyScale"  src="<?php echo base_url();?>front_end/images/team-img3.jpg" alt="Client Logo" /></a> </div>
            <div class="team-heading">
                <h4> John Smith </h4>
                <h5>Construction Manager</h5>
                <div class="hidden-phone socialicons_class" > <a title="Visit Google Plus page" href="#" class="social_active social_linkedin" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Facebook page" href="#" class="social_active social_facebook" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Twitter page" href="#" class="social_active social_twitter" > <span style="display: none;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Youtube" href="#" class="social_active social_youtube" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> </div>
            </div>
        </figure>
        <figure class="our-team span3">
            <div class="team-img"> <a href="#"> <img class="greyScale" src="<?php echo base_url();?>front_end/images/team-img4.jpg" alt="Client Logo" /> </a> </div>
            <div class="team-heading">
                <h4> Andy Jack </h4>
                <h5>Civil Engineer</h5>
                <div class="hidden-phone socialicons_class" > <a title="Visit Google Plus page" href="#" class="social_active social_linkedin" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Facebook page" href="#" class="social_active social_facebook" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Twitter page" href="#" class="social_active social_twitter"> <span style="display: none;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Youtube" href="#" class="social_active social_youtube" > <span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> </div>
            </div>
        </figure>
    </section>
</section>